<template>
  <div class="content">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="$t('basic.material_type_definition')" name="item2">
        <item2 class="item" v-if="activeName == 'item2'"></item2>
      </el-tab-pane>
      <el-tab-pane :label="$t('basic.material_definition')" name="item1">
        <item1 class="item" v-if="activeName == 'item1'"></item1>
      </el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>
import item1 from "./item1/index"
import item2 from "./item2/index"
export default {
  components: {
    item1,
    item2
  },
  data () {
    return {
      activeName: "item2"
    }
  },
  created () {

  },
  methods: {

  }
}
</script>

<style scoped>
.content {
  padding: 20px 0;
}
.item {
  height: calc(100vh - 170px);
}
.content >>> .el-tabs__content {
  padding-top: 0;
}
.content >>> .el-tabs--border-card {
  box-shadow: none;
}
</style>